<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="format-detection" content="telephone=no" />
    <title>少样本目标检测（视频）</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="shortcut icon" href="/static/favicon.ico">
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery.js"></script>
    <script src="js/lib.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="wp">
            <div class="logo">
                <a href=""><img src="images/logo.png" alt=""></a>
            </div>
            <div>
                <div class="col-r">
                    <ul class="nav" th:include="front/header::header1">

                    </ul>
                    <div class="hd-tel"><a onclick="showPhone();"></a></div>
                    <div class="soBox">
                        <span class="btn-so"></span>
                        <div class="con">
                            <form action="">
                                <input type="text" class="inp" name="articleTitle" id="articleTitle">
                                <input type="hidden" id="telephone">
                                <input onclick="search();"  type="button" value="" class="sub">
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <div class="banner" style="background-image: url(images/ban1.jpg);">
        <h3 class="tit">欢迎进入在线检测管理中心</h3>
    </div>
    <!-- 内容 -->
    <div class="main">
        <div class="row-test" style="background: #efefef;">
            <div class="wp">
                <div class="inner">
                    <div class="cur"><a href=""><img src="images/img34.png" alt="">首页</a>&gt;<a href="">视频检测</a>&gt;<span>少样本目标检测</span></div>
                    <div class="col-l" id="show">
                    </div>
                    <div class="col-r">
                        <div class="m-file">
                            <form action="">
                                <div class="txt1">
                                    <input type="text" disabled class="inp1" placeholder="请先上传视频">
                                    <label>
                                        <input type="file" id="file" class="inp2" onchange="uploadFile('102');">
                                    </label>
                                </div>
                                <div class="txt3">
                                    <div class="con1">
                                        <p>选择图片进行上传：</p>
                                        <div class="pic-upload">
                                            <div class="item">
                                                <label><input type="file"></label>
                                            </div>
                                            <div class="item">
                                                <label><input type="file"></label>
                                            </div>
                                            <div class="item">
                                                <label><input type="file"></label>
                                            </div>
                                            <div class="item">
                                                <label><input type="file"></label>
                                            </div>
                                            <div class="item">
                                                <label><input type="file"></label>
                                            </div>
                                        </div>
                                        <div class="m-progress">
                                            <div class="pic">
                                                <div class="line" style="width:90%"></div>
                                            </div>
                                            <div class="txt">正在检测 <span>90%</span></div>
                                        </div>
                                    </div>
                                    <div class="con2">
                                        <button class="m-btn2">配置完成</button>
                                        <button class="m-btn1" onclick="startCheck();">开始检测</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <h3 class="m-tit4"><img src="images/img36.png" alt="">检测结果</h3>
                        <div class="m-txt2">
                            <div class="con">
                                <div class="item">
                                    <div class="pic">
                                        <img src="images/img40.jpg" alt="">
                                    </div>
                                    <p>置信度80%</p>
                                </div>
                                <div class="item">
                                    <div class="pic">
                                        <img src="images/img40.jpg" alt="">
                                    </div>
                                    <p>置信度65%</p>
                                </div>
                                <div class="item">
                                    <div class="pic">
                                        <img src="images/img40.jpg" alt="">
                                    </div>
                                    <p>置信度90%</p>
                                </div>
                            </div>
                            <p>点击图片立即跳转视频所在位置</p>
                            <button class="m-btn2">保存结果</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <!-- 底部 -->
    <div class="footer">
        <div class="con-top">
            <div class="wp">
                <div class="col-l">
                    <div class="f-logo">
                        <a href=""><img src="images/img1.png" alt=""></a>
                    </div>
                    <div class="f-contact">
                        <!--<p>咨询电话</p>
                        <div class="tel"><span id="span1">400-000-0000</span></div>-->
                        <p><img src="images/img4.png" alt=""><span id="span2">安徽省合肥市蜀山区XXXXXXXXX</span></p>
                        <p><img src="images/img5.png" alt="">反馈邮箱：<span id="span3">123456789@qq.com</span></p>
                    </div>
                    <div style="margin-top: 20px;">
                        <img src="images/qrcode.png" style="width: 100px;">
                        <img src="images/qrcode1.png" style="width: 100px;margin-left: 25px;">
                    </div>
                </div>
                <div th:include="front/header::footer"></div>
            </div>
        </div>
        <div class="con-bot">
            <div class="wp">
                <div class="f-copy">北京明睿长城科技有限公司 版权所有 京ICP备2021017392号-1</div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <script src="/front/js/jquery.js"></script>
    <script src="/front/js/lib.js"></script>
    <script src="/front/js/slick.min.js"></script>
    <script src="/js/plugins/layer/layer.js"></script>
    <script src="/front/js/checkFile.js"></script>
    <script>
        function showPhone() {
            var telephone = $("#telephone").val();
            layer.msg(telephone)
        }

        function search() {
            var articleTitle = $("#articleTitle").val();
            if(articleTitle == null || articleTitle == '') {
                layer.msg("请输入查询关键字");
                return false;
            }
            window.location.href = "/front/news?articleTitle="+articleTitle;
        }
    </script>
</body>

</html>